<script setup lang="ts">
import { AddCircle } from '@vicons/ionicons5'
</script>

<template>
  <p>基础按钮</p>
  <EsButton>Button</EsButton>
  <EsButton type="primary">primary</EsButton>
  <EsButton type="success">success</EsButton>
  <EsButton type="warning">warning</EsButton>
  <EsButton type="danger">danger</EsButton>
  <EsButton type="info">info</EsButton>
  <EsButton type="default">default</EsButton>
  <p>不同尺寸</p>
  <EsButton size="small">small</EsButton>
  <EsButton size="medium">medium</EsButton>
  <EsButton size="large">large</EsButton>
  <p>圆角按钮</p>
  <EsButton round>圆角</EsButton>
  <p>按钮禁用</p>
  <EsButton disabled>禁用了</EsButton>
  <p>按钮loading</p>
  <EsButton type="primary" :loading="true" icon-placement="left"
    >左边加载</EsButton
  >
  <EsButton type="primary" :loading="true" icon-placement="right"
    >右边加载</EsButton
  >
  <p>按钮图标</p>
  <EsButton type="primary">
    Button
    <template #icon>
      <EsIcon><AddCircle /></EsIcon>
    </template>
  </EsButton>
</template>

<style scoped lang="scss"></style>
